<template>
	<div id="app" v-cloak>
		<div id="nav">
			<router-link to="/">Home</router-link>
			|
			<router-link to="/about">About</router-link>
			|
			<router-link to="/test">Test</router-link>
			|
			<router-link to="/markdown">Markdown</router-link>
			|
			<router-link to="/dynamic/list">DynamicList</router-link>
		</div>
		<router-view></router-view>
		<BackTop></BackTop>
	
	</div>
</template>

<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
import HelloWorld from './components/HelloWorld.vue'
import BackTop from "@/components/BackTop.vue";
</script>


<style scoped>
#layout-body {
	/* header = 80px */
	min-height: -moz-calc(100vh - 80px);
	min-height: -webkit-calc(100vh - 80px);
	min-height: calc(100vh - 80px);
}

body {
	margin: 0;
	display: flex;
	min-width: 320px;
	min-height: 100vh;
}

a {
	font-weight: 500;
	text-decoration: inherit;
}

svg {
	width: 1em;
	height: 1em;
}

#app {
	font-size: 17px;
	color: #6f6f6f;
}
</style>
